<template>
    <div>
      <div class="header">
        <div class="login">登录/注册</div>
        <div class="logo">
            <img src="https://www.juaicai.cn/wap/images/wap_index/logo_top.png" alt="">
        </div>
        <div class="download">
            <button>下载App</button>
        </div>
      </div>
    </div>
</template>

<script>
export default {
  name: 'Header'
}
</script>

<style lang = 'stylus' scoped>
.header
  height: 1.28rem
  overflow: hidden
  background:#fff
  display :flex
  justify-content : space-around
  align-items : center
  >div
    float: left
  .login
    font-size: .24rem
    color: #666666
    width : 1.74rem
    height : .6rem
    line-height : .6rem
    text-align : center
    border: 1px solid #666666
    border-radius : .1rem
  .logo
    img
      width : 1.94rem
  .download
    button
        width : 1.3rem
        height : .6rem
        text-align : center
        border: none
        border-radius : .1rem
        background : rgb(255,66,66)
        color : #fff
</style>
